<template>
  <div>
    <el-container>
      <el-header style="text-align: center;padding-top: 30px;height: 120px;">
        <span style="font-size: 50px;font-weight: bold;">XX连锁超市{{loginShop.shortShopName}}店首页</span>
      </el-header>
      <el-main style="background-color:#fff;padding-top: 50px;">
        <el-row :gutter="40" style="height: 150px;">
          <el-col :span="4" :offset="6" class="function-select">
            <el-button link class="function-confirm"
            @click="router.push('/empeBusiness?shopId='+loginShop.id)"
            >店员业务</el-button>
          </el-col>
          <el-col :span="4" :offset="4" class="function-select">
            <el-button link class="function-confirm">销售业务</el-button>
          </el-col>
        </el-row>
        <div style="height: 100px;"></div>
        <el-row :gutter="40" style="height: 150px;">
          <el-col :span="4" :offset="6" class="function-select">
            <el-button link class="function-confirm">库存管理</el-button>
          </el-col>
          <el-col :span="4" :offset="4" class="function-select">
            <el-button link class="function-confirm">订单管理</el-button>
          </el-col>
        </el-row>
        <div style="height: 100px;"></div>
        <el-row :gutter="40" style="height: 150px;">
          <el-col :span="4" :offset="6" class="function-select">
            <el-button link class="function-confirm">顾客管理</el-button>
          </el-col>
          <el-col :span="4" :offset="4" class="function-select">
            <el-button link class="function-confirm">财务管理</el-button>
          </el-col>
        </el-row>
        <div style="height: 100px;"></div>
      </el-main>
      <el-footer style="text-align:center;">Footer</el-footer>
    </el-container>
  </div>
</template>

<script setup>
import {ref} from "vue";
import router from "@/router";

const loginShop = ref(getLoginShop());
console.log(loginShop);
const shopName = ref('袁家岗');
</script>

<style scoped>
.function-select {
  border: 1px solid blue;
  border-radius: 20px;
  text-align: center;
  line-height: 150px;
  background-color: #E1EAFF;
}
.function-confirm {
  font-size: 35px;
  font-weight: bold;
}
</style>